<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 箭头函数-重点（灾厄未来的项目开发中：比如小程序，uniapp，一些常见的脚手架大量使用）

        //传统函数声明方法——1（1:声明式的定义）
        function sum(a, b) {
            return a + b;
        }

        //传统函数声明方法——2（2:表达式的定义）
        var sum = function (a, b) {
            return a + b;
        }


        //箭头函数 —— 改进1
        var sum = (a, b) => {
            return a + b;
        }

        //箭头函数 —— 改进2
        var sum = (a, b) => a + b;

        //通过以上的例子找规律
        // 1：去掉function。
        // 2: 括号后面加箭头。
        // 3：如果逻辑代码仅有return可以直接省去。(如果你有逻辑体，你就不能省略)，比如：
        // 4：如果参数只有一个，可以吧括号也省去。（如果有多个参数就不能省去括号）
        var sum2 = (a, b) => {
            var num = a + b;
            return num;
        }

        var arr = [1, 2, 3, 4, 5, 6];
        // var newarr = arr.map(function (obj) {
        //     return obj * 2;
        // });
        //改变
        var newarr = arr.map(obj => obj * 2);
        console.log(newarr);


    </script>
</body>

</html>